{extend name="Public:base2" /}

{block name="header"}
	{load href="__CSS__/contact.css" /}
{/block}
{block name="main"}
	{include file="Public:catnav2" /}

	<div class="job-body page-body">
		<div class="container">
			<div class="title">
				<h2>{$wap_catname}</h2>
				<h3>{$catname} <span></span></h3>
			</div>
			<div class="content">
				<div class="lists-job">
					<ul>
						{volist name="list" id="r" key="i"}
						<li class="{if condition="$i==1"}active{/if}">
							<h2>{$r.title|str_cut=###,30} <span></span></h2>
							<div class="text">
								{$r.jobdes}
							</div>
						</li>
						{/volist}
					</ul>
				</div>
				<div class="cp-pages">{$pages}</div>
			</div>
		</div>
	</div>

	<script>
		$('.lists-job li h2').click(function(){
			if($(this).parent().hasClass('active')){
				$(this).parent().removeClass('active');
			}else{
				$(this).parent().addClass('active');
			}
		})

	</script>
{/block}